<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<head> 
<style>
/*struct style*/
/*manager page style*/
*{padding:0; margin:0;}
a{ text-decoration:none; }
ul{ text-align:center;}
li{ list-style:none; display:inline;}
img{ border:0;}
/*
	form
*/
	form .row{ margin:20px 0; clear:both; padding:2px; }
	form .row label {width:160px;float:left;display:block;}
	form .row input{ height:22px;font-size:125%;}
        form .row input[type=text] { width : 230px; }
        form .row input[type=password] { width : 230px; }
	form .row .text{}
	form .row .passwd{}
	form .captcha{ margin-left:30%;}
	form .submit{padding:5px; margin-top:40px; background:#cee;}
	/**			
		table
	*/
	table{ width:100%;border-collapse:collapse;}
		caption{
			padding:5px;
			width:100%;	 
			text-align:left;
			color:#999;
		}
		th{
			color: #4f6b72;
			background:#dee;
			border: 1px solid #C1DAD7;
		    letter-spacing: 3px;
			text-transform: uppercase;
			text-align: left;
			padding: 1px 1px 1px 2px;
			font-weight:lighter;
			font-size:90%;
		}
		td{
			border: 1px solid #C1DAD7;
			background: #fff;
			padding: 1px 1px 1px 2px;
			color: #4f6b72;
			font-size:80%;
		}
	.content{ width:96%; margin:auto; height:auto; }
	body{ width:100%; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:12px; }
	#cond{ padding:5px; }
	#header{ width:100%; height:28px;border-bottom:1px solid #999; background:#999;}
		#header *{ margin:0 5px 0 0;}
		#header .title{float:left;margin:5px 0;font-size:120%;color:#fff;margin-left:5px;}
		#header .username{color:#f91;margin-left:13px;}
		#header a{color:#fff;}
		#header a:hover{text-decoration:underline;}
	#nav { width:100%;font-size:120%;padding:3px 0;}
		#nav a{ margin:0 20px; padding:3px 25px;text-align:center;color:#999;}
		#nav .active{background:#999;color:#fff;}
		#nav a:hover{background:#bbb;color:#fff;}
	#sub_nav { height:19px; width:100%; background:#dee; font-size:115%;}

	#left{ width:38%; height:auto;float:left; margin:2px;}
		#left fieldset{ border:1px solid #069; padding:1px;}
		#left legend{ color:#069; }
	#main{ width:60%; float:left; margin:2px ; height:auto; font-family:Arial, Helvetica, sans-serif;}
	#footer{ width:100%; text-align:center; color:#069; clear:both; border-top:1px dotted #ddd; }

	/*
		form style
	*/
	div.error{ background:#Fdd;color:#a00;padding:5px; margin:5px 0; font-size:120%;}
	#signin{ width:60%; height:auto; padding:2px; margin:2px; border:1px solid #bdd; font-family:Arial, Helvetica, sans-serif;}
		#signin form label{ color:#003366; font-size:125%; float:left; color:#006699;}
		#signin  legend{color:#069;padding:1px;}
	</style>
	<title>SOJ 管理系统 ver 0.9</title>
</head>

<body>
<div id="cont">
<!--header-->
<div id="header">
	<div class="title">现在登陆的管理员<span class="username">Judasnow</span></div>
	<!--div class="title"><a href="#" >Signin</a></div-->
	<div class="title"><a href="#">Signout</a></div>
</div>
<!--nav-->
<div id="nav">
<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#" class="active">Contest</a></li>
	<li><a href="#">Problem</a></li>
	<li><a href="#">Ranklist</a></li>
	<li><a href="#">Bbs</a></li>
	<li><a href="#">Hello world</a></li>
</ul>
</div>

<div id="left">
	<div>
	</div>
</div>

<div id="main">
</div>

	
<div id="footer">
</div>

</div>
</body>
</html>
